UNPKG

@eventcatalogtest/studio

Version:

A drag and drop UI for distributed systems that keeps your diagrams where they belong – in your repo

github.com/event-catalog/studio

event-catalog/studio

1 lines • 1.56 kB
1
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7817],{54490:(e,s,l)=>{"use strict";l.r(s),l.d(s,{default:()=>u});var t=l(69644),i=l(42018),n=l(44016),o=l(57452),c=l(67120),h=l(43944),a=l(76646),x=l(80588),d=l(31503),r=l(50798),p=l(92289),j=l(30771),f=l(49568),v=l(84762);function u(){let{floatingPanels:e,setFloatingPanelOpen:s}=(0,j.P)();return(0,f.useEffect)(()=>{document.title="Studio"},[]),(0,t.jsxs)("main",{className:"bg-white h-screen overflow-hidden",children:[(0,t.jsx)(i.A,{}),(0,t.jsx)("div",{className:"h-px bg-gray-200"}),(0,t.jsxs)("div",{className:"flex h-[calc(100vh-50px)]",children:[(0,t.jsx)(n.A,{}),(0,t.jsx)("div",{className:"flex flex-1 overflow-y-auto",children:(0,t.jsxs)(x.Ln,{children:[(0,t.jsx)("div",{className:"flex-grow h-full",children:(0,t.jsx)(a.A,{})}),(0,t.jsx)(r.A,{})]})})]}),(0,t.jsx)(v.A,{title:"Components",isOpen:e.components,onClose:()=>s("components",!1),width:"w-72",height:"h-[calc(100vh-80px)]",position:{left:62,top:65},children:(0,t.jsx)(o.A,{})}),(0,t.jsx)(v.A,{title:"Canvas",isOpen:e.canvas,onClose:()=>s("canvas",!1),width:"w-72",height:"h-[calc(100vh-80px)]",position:{left:62,top:65},children:(0,t.jsx)(c.A,{})}),(0,t.jsx)(v.A,{title:"EventCatalog Resources",isOpen:e.catalog,onClose:()=>s("catalog",!1),width:"w-72",height:"h-[calc(100vh-80px)]",position:{left:62,top:65},children:(0,t.jsx)(h.A,{})}),(0,t.jsx)(d.A,{}),(0,t.jsx)(p.A,{})]})}},85921:(e,s,l)=>{Promise.resolve().then(l.bind(l,54490))}},e=>{e.O(0,[7810,7767,8090,1946,9689,3308,461,2517,2116,4810,7358],()=>e(e.s=85921)),_N_E=e.O()}]);